<template>
  <div class="page flex-col">
    <div class="group1 flex-col">
      <div class="group2 flex-col">
        <div class="block1 flex-col">
          <div class="bd1 flex-row">
            <div class="group3 flex-col">
              <img
                class="img1"
                referrerpolicy="no-referrer"
                src="../../assets/imgs/dds/ddsHonor/header.png"
              />
            </div>
            <span class="word1">国小华</span>
            <span class="word2">华瑞保险销售有限公司</span>
            <div class="group4 flex-col">
              <span class="infoBox1">
                榜单规则
              </span>
            </div>
          </div>
          <div class="bd2 flex-row">
            <div class="section1 flex-col">
              <span class="word3">23413</span>
              <span class="info1">华瑞之星(名)</span>
            </div>
            <div class="section2 flex-col"></div>
            <div class="section3 flex-col">
              <span class="word4">719.19</span>
              <span class="txt1">标保(万元)</span>
            </div>
          </div>
          <span class="word5">华瑞之星</span>
          <span class="txt2">数据更新至：2020.11.26&nbsp;08:00</span>
          <div class="bd3 flex-col">
            <div class="mod1 flex-col">
              <div class="mod2 flex-col">
                <div class="block2 flex-col">
                  <span class="word6">营业部TOP20</span>
                  <span class="info2">第8名</span>
                </div>
              </div>
              <div class="mod3 flex-row">
                <span class="info3">排名</span>
                <span class="txt3">头像</span>
                <span class="word7">姓名</span>
                <span class="word8">分公司</span>
                <span class="word9">标保(万元)</span>
              </div>
              <div class="mod4 flex-col">
                <div class="block3 flex-row">
                  <img
                    class="img2"
                    referrerpolicy="no-referrer"
                    src="../../assets/imgs/dds/ddsHonor/one2.png"
                  />
                  <img
                    class="img3"
                    referrerpolicy="no-referrer"
                    src="../../assets/imgs/dds/ddsHonor/header.png"
                  />
                  <span class="info4">高晓峰</span>
                  <span class="info5">北京</span>
                  <span class="info6">1,217.17</span>
                </div>
                <img
                  class="icon1"
                  referrerpolicy="no-referrer"
                  src="../../assets/imgs/dds/ddsHonor/hg.png"
                />
              </div>
              <div class="mod5 flex-row">
                <img
                  class="pic1"
                  referrerpolicy="no-referrer"
                  src="../../assets/imgs/dds/ddsHonor/two2.png"
                />
                <img
                  class="img4"
                  referrerpolicy="no-referrer"
                  src="../../assets/imgs/dds/ddsHonor/header.png"
                />
                <span class="word10">刘美超</span>
                <span class="info7">上海</span>
                <span class="word11">617.17</span>
              </div>
              <div class="mod6 flex-col">
                <div class="box1 flex-row">
                  <img
                    class="img5"
                    referrerpolicy="no-referrer"
                    src="../../assets/imgs/dds/ddsHonor/three.png"
                  />
                  <img
                    class="pic2"
                    referrerpolicy="no-referrer"
                    src="../../assets/imgs/dds/ddsHonor/header.png"
                  />
                  <span class="word12">郝姣</span>
                  <span class="txt4">乌鲁木齐</span>
                  <span class="word13">418.00</span>
                </div>
                <img
                  class="icon2"
                  referrerpolicy="no-referrer"
                  src="../../assets/imgs/dds/ddsHonor/hg.png"
                />
              </div>
              <div class="mod7 flex-row">
                <span class="word14">查看TOP20</span>
                <img
                  class="label1"
                  referrerpolicy="no-referrer"
                  src="../../assets/imgs/dds/ddsHonor/yjt.png"
                />
              </div>
            </div>
            <div class="mod8 flex-col">
              <div class="mod9 flex-col">
                <span class="txt5">个人TOP20</span>
                <span class="word15">您未上榜</span>
              </div>
            </div>
            <img
              class="label2"
              referrerpolicy="no-referrer"
              src="../../assets/imgs/dds/ddsHonor/hg.png"
            />
          </div>
        </div>
      </div>
      <div class="group5 flex-col">
        <div class="bd4 flex-col">
          <span class="word16">瑞管家之星</span>
          <span class="info8">数据更新至：2020.11.26&nbsp;12:00</span>
          <div class="bd5 flex-col">
            <div class="block4 flex-col">
              <div class="group6 flex-row">
                <span class="word17">排名</span>
                <span class="txt6">头像</span>
                <span class="txt7">姓名</span>
                <span class="word18">标保(万元)</span>
                <span class="info9">有效托管</span>
              </div>
              <div class="group7 flex-col">
                <div class="layer1 flex-row">
                  <img
                    class="img6"
                    referrerpolicy="no-referrer"
                    src="../../assets/imgs/dds/ddsHonor/one.png"
                  />
                  <div class="mod10 flex-col"></div>
                  <div class="mod11 flex-col">
                    <span class="word19">南舒</span>
                    <span class="info10">北京北京2</span>
                  </div>
                  <span class="info11">917.17</span>
                  <span class="word20">129</span>
                </div>
                <img
                  class="icon3"
                  referrerpolicy="no-referrer"
                  src="../../assets/imgs/dds/ddsHonor/hg.png"
                />
              </div>
              <div class="group8 flex-row">
                <img
                  class="img7"
                  referrerpolicy="no-referrer"
                  src="../../assets/imgs/dds/ddsHonor/two.png"
                />
                <div class="main1 flex-col"></div>
                <div class="main2 flex-col">
                  <span class="txt8">铁勇</span>
                  <span class="word21">河北宽城满…</span>
                </div>
                <span class="word22">618.12</span>
                <span class="txt9">116</span>
              </div>
              <div class="group9 flex-col">
                <div class="section4 flex-row">
                  <img
                    class="pic3"
                    referrerpolicy="no-referrer"
                    src="../../assets/imgs/dds/ddsHonor/three.png"
                  />
                  <div class="mod12 flex-col"></div>
                  <div class="mod13 flex-col">
                    <span class="word23">李璐</span>
                    <span class="txt10">上海上海1</span>
                  </div>
                  <span class="info12">484.38</span>
                  <span class="txt11">99</span>
                </div>
                <div class="section5 flex-col">
                  <img
                    class="label3"
                    referrerpolicy="no-referrer"
                    src="../../assets/imgs/dds/ddsHonor/hg.png"
                  />
                </div>
              </div>
              <div class="group10 flex-row">
                <span class="txt12">查看TOP20</span>
                <img
                  class="label4"
                  referrerpolicy="no-referrer"
                  src="../../assets/imgs/dds/ddsHonor/yjt.png"
                />
              </div>
            </div>
            <img
              class="label5"
              referrerpolicy="no-referrer"
              src="../../assets/imgs/dds/ddsHonor/hg.png"
            />
          </div>
          <span class="txt13">更多荣誉</span>
          <div class="bd6 flex-row">
            <div class="bd7 flex-col">
              <div class="layer2 flex-col">
                <span class="word24">荣誉体系</span>
                <div class="outer1 flex-row">
                  <span class="txt14">前往查看</span>
                  <img
                    class="icon4"
                    referrerpolicy="no-referrer"
                    src="../../assets/imgs/dds/ddsHonor/yjt2.png"
                  />
                </div>
              </div>
            </div>
            <div class="bd8 flex-col">
              <div class="main3 flex-col">
                <span class="txt15">荣誉追踪</span>
                <div class="group11 flex-row">
                  <span class="info13">前往查看</span>
                  <img
                    class="icon5"
                    referrerpolicy="no-referrer"
                    src="../../assets/imgs/dds/ddsHonor/yjt2.png"
                  />
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="bd9 flex-col">
          <div class="layer3 flex-col">
            <span class="txt16">个人TOP20</span>
            <span class="word25">第18名</span>
          </div>
        </div>
        <div class="bd10 flex-col">
          <img
            class="pic4"
            referrerpolicy="no-referrer"
            src="../../assets/imgs/dds/ddsHonor/wt.png"
          />
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      constants: {}
    };
  },
  methods: {}
};
</script>
<style lang="less" scoped>
.page {
  z-index: 1;
  position: relative;
  width: 750px;
  height: 2373px;
  overflow: hidden;
  .group1 {
    z-index: auto;
    width: 750px;
    height: 2373px;
    .group2 {
      z-index: 6;
      height: 1183px;
      background: url('../../assets/imgs/dds/ddsHonor/bg.png')
        100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
      width: 750px;
      justify-content: flex-start;
      align-items: flex-end;
      padding: 1px 32px 0 0;
      .block1 {
        z-index: auto;
        width: 683px;
        height: 1133px;
        .bd1 {
          z-index: auto;
          width: 650px;
          height: 111px;
          margin-left: 15px;
          .group3 {
            z-index: 53;
            position: relative;
            width: 70px;
            height: 70px;
            border-radius: 35px;
            overflow: hidden;
//             background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng065c8e27be1c24a3a5ba61720c6c923a3e623e5824726c4f64b011ab50a4c513)
//               100% no-repeat;
// background-size: cover;
// -webkit-background-size: cover;
// -o-background-size: cover;
            margin-top: 30px;
            .img1 {
              z-index: 54;
              position: absolute;
              left: 0;
              top: 0;
              width: 70px;
              height: 70px;
            }
          }
          .word1 {
            z-index: 50;
            // width: 102px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(255, 255, 255, 1);
            font-size: 34px;
            font-family: PingFangSC-Semibold;
            line-height: 48px;
            margin: 41px 0 0 20px;
          }
          .word2 {
            z-index: 51;
            // width: 260px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(255, 255, 255, 1);
            font-size: 26px;
            line-height: 37px;
            margin: 47px 0 0 16px;
          }
          .group4 {
            z-index: 37;
            height: 111px;
            background: url('../../assets/imgs/dds/ddsHonor/jx.png')
              100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
            margin-left: 90px;
            width: 92px;
            justify-content: flex-start;
            padding-top: 16px;
            align-items: center;
            .infoBox1 {
              z-index: 38;
              // width: 59px;
              padding: 0 10px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(255, 255, 255, 1);
              font-size: 28px;
              letter-spacing: 1.338461995124817px;
              font-family: PingFangSC-Medium;
              line-height: 34px;
              text-align: center;
            }
          }
        }
        .bd2 {
          z-index: auto;
          width: 361px;
          height: 97px;
          justify-content: space-between;
          margin: 77px 0 0 5px;
          .section1 {
            z-index: auto;
            width: 148px;
            height: 97px;
            .word3 {
              z-index: 43;
              // width: 148px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(255, 255, 255, 1);
              font-size: 50px;
              font-family: DINAlternate-Bold;
              line-height: 48px;
              text-align: center;
            }
            .info1 {
              z-index: 42;
              // width: 136px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(255, 255, 255, 0.8);
              font-size: 24px;
              line-height: 33px;
              text-align: center;
              align-self: center;
              margin-top: 16px;
            }
          }
          .section2 {
            z-index: 47;
            width: 1px;
            height: 50px;
            background-color: rgba(190, 194, 204, 0.6);
            margin-top: 24px;
          }
          .section3 {
            z-index: auto;
            // width: 148px;
            height: 97px;
            .word4 {
              z-index: 46;
              // width: 148px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(255, 255, 255, 1);
              font-size: 50px;
              font-family: DINAlternate-Bold;
              line-height: 48px;
              text-align: center;
            }
            .txt1 {
              z-index: 45;
              // width: 112px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(255, 255, 255, 0.8);
              font-size: 24px;
              line-height: 33px;
              text-align: center;
              align-self: center;
              margin-top: 16px;
            }
          }
        }
        .word5 {
          z-index: 8;
          width: 675px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(255, 255, 255, 1);
          font-size: 40px;
          font-family: PingFangSC-Semibold;
          line-height: 56px;
          text-align: left;
          align-self: flex-end;
          margin-top: 69px;
        }
        .txt2 {
          z-index: 9;
          width: 675px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(255, 255, 255, 0.8);
          font-size: 24px;
          line-height: 33px;
          text-align: left;
          align-self: flex-end;
          margin-top: 10px;
        }
        .bd3 {
          z-index: 57;
          height: 650px;
          // background: #fff;

          align-self: flex-start;
          margin-top: 30px;
          width: 670px;
          justify-content: flex-start;
          padding-top: 12px;
          position: relative;
          .mod1 {
            z-index: auto;
            width: 670px;
            // height: 613px;
            background: #fff;
            border-radius: 20px;
            .mod2 {
              z-index: 61;
              height: 126px;
              border-radius: 0 20px 0 0;
              background: url('../../assets/imgs/dds/ddsHonor/jxbf2.png')
                100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
              align-self: flex-end;
              width: 364px;
              justify-content: center;
              align-items: center;
              .block2 {
                z-index: auto;
                // width: 188px;
                height: 72px;
                .word6 {
                  z-index: 67;
                  // width: 188px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(81, 88, 101, 1);
                  font-size: 30px;
                  font-family: PingFangSC-Semibold;
                  line-height: 48px;
                  text-align: center;
                }
                .info2 {
                  z-index: 68;
                  // width: 188px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(81, 88, 101, 1);
                  font-size: 24px;
                  line-height: 24px;
                  text-align: center;
                }
              }
            }
            .mod3 {
              z-index: auto;
              width: 630px;
              height: 38px;
              justify-content: space-between;
              margin: 30px 0 0 20px;
              .info3 {
                z-index: 78;
                width: 90px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(38, 46, 63, 1);
                font-size: 24px;
                font-family: PingFangSC-Medium;
                line-height: 38px;
                text-align: center;
              }
              .txt3 {
                z-index: 75;
                width: 110px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(38, 46, 63, 1);
                font-size: 24px;
                font-family: PingFangSC-Medium;
                line-height: 38px;
                text-align: center;
              }
              .word7 {
                z-index: 76;
                width: 140px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(38, 46, 63, 1);
                font-size: 24px;
                font-family: PingFangSC-Medium;
                line-height: 38px;
                text-align: center;
              }
              .word8 {
                z-index: 77;
                width: 140px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(38, 46, 63, 1);
                font-size: 24px;
                font-family: PingFangSC-Medium;
                line-height: 38px;
                text-align: center;
              }
              .word9 {
                z-index: 79;
                width: 150px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(38, 46, 63, 1);
                font-size: 24px;
                font-family: PingFangSC-Medium;
                line-height: 38px;
                text-align: center;
              }
            }
            .mod4 {
              z-index: 81;
              height: 110px;
              background: #F3F6F8;
              margin-top: 20px;
              width: 670px;
              justify-content: flex-start;
              // align-items: flex-end;
              position: relative;
              padding: 18px 20px 0 0px;
              .block3 {
                z-index: auto;
                width: 605px;
                height: 68px;
                .img2 {
                  z-index: 91;
                  width: 100px;
                  height: 75px;
                  margin-left: 10px;
                }
                .img3 {
                  z-index: 86;
                  width: 60px;
                  height: 60px;
                  border-radius: 42px;
                  margin: 7px 0 0 25px;
                }
                .info4 {
                  z-index: 83;
                  width: 140px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(38, 46, 63, 1);
                  font-size: 26px;
                  line-height: 42px;
                  text-align: center;
                  margin: 16px 0 0 25px;
                }
                .info5 {
                  z-index: 84;
                  width: 140px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(38, 46, 63, 1);
                  font-size: 26px;
                  line-height: 42px;
                  text-align: center;
                  margin-top: 16px;
                }
                .info6 {
                  z-index: 85;
                  width: 150px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(185, 29, 19, 1);
                  font-size: 26px;
                  font-family: PingFangSC-Medium;
                  line-height: 42px;
                  text-align: center;
                  margin-top: 16px;
                }
              }
              .icon1 {
                z-index: 89;
                position: absolute;
                left: 149px;
                top: 15px;
                width: 32px;
                height: 25px;
              }
            }
            .mod5 {
              z-index: auto;
              width: 603px;
              height: 71px;
              margin: 18px 0 0 0;
              .pic1 {
                z-index: 113;
                width: 100px;
                height: 75px;
                margin-left: 10px;
              }
              .img4 {
                z-index: 108;
                width: 60px;
                height: 60px;
                border-radius: 42px;
                margin: 7px 0 0 25px;
              }
              .word10 {
                z-index: 105;
                width: 140px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(38, 46, 63, 1);
                font-size: 26px;
                line-height: 42px;
                text-align: center;
                margin: 16px 0 0 25px;
              }
              .info7 {
                z-index: 106;
                width: 140px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(38, 46, 63, 1);
                font-size: 26px;
                line-height: 42px;
                text-align: center;
                margin-top: 16px;
              }
              .word11 {
                z-index: 107;
                width: 150px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(185, 29, 19, 1);
                font-size: 26px;
                font-family: PingFangSC-Medium;
                line-height: 42px;
                text-align: center;
                margin-top: 16px;
              }
            }
            .mod6 {
              z-index: 93;
              height: 110px;
              background: #F3F6F8;
              margin-top: 21px;
              width: 670px;
              justify-content: flex-start;
              // align-items: flex-end;
              position: relative;
              padding: 18px 20px 0 0;
              .box1 {
                z-index: auto;
                width: 599px;
                height: 71px;
                .img5 {
                  z-index: 103;
                  width: 100px;
                  height: 75px;
                  margin-left: 10px;
                }
                .pic2 {
                  z-index: 98;
                  width: 60px;
                  height: 60px;
                  border-radius: 42px;
                  margin: 7px 0 0 25px;
                }
                .word12 {
                  z-index: 95;
                  width: 140px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(38, 46, 63, 1);
                  font-size: 26px;
                  line-height: 42px;
                  text-align: center;
                  margin: 16px 0 0 25px;
                }
                .txt4 {
                  z-index: 96;
                  width: 140px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(38, 46, 63, 1);
                  font-size: 26px;
                  line-height: 42px;
                  text-align: center;
                  margin-top: 16px;
                }
                .word13 {
                  z-index: 97;
                  width: 150px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(185, 29, 19, 1);
                  font-size: 26px;
                  font-family: PingFangSC-Medium;
                  line-height: 42px;
                  text-align: center;
                  margin-top: 16px;
                }
              }
              .icon2 {
                z-index: 101;
                position: absolute;
                left: 149px;
                top: 15px;
                width: 32px;
                height: 25px;
              }
            }
            .mod7 {
              z-index: auto;
              // width: 174px;
              // height: 44px;
              // justify-content: space-between;
              padding-bottom: 30px;
              margin: 25px 0 0 248px;
              .word14 {
                z-index: 70;
                // width: 126px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(45, 116, 243, 1);
                font-size: 24px;
                font-family: PingFangSC-Semibold;
                line-height: 33px;
                text-align: center;
                margin-top: 6px;
              }
              .label1 {
                z-index: 71;
                width: 44px;
                height: 44px;
                margin-left: 5px;
              }
            }
          }
          .mod8 {
            z-index: 62;
            height: 138px;
            border-radius: 20px 20px 0 0;
            background: url('../../assets/imgs/dds/ddsHonor/jxbf.png')
              100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
            width: 345px;
            justify-content: center;
            align-items: flex-start;
            padding-left: 63px;
            position: absolute;
            left: 0;
            top: 0;
            .mod9 {
              z-index: auto;
              // width: 180px;
              height: 81px;
              .txt5 {
                z-index: 64;
                // width: 180px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(45, 116, 243, 1);
                font-size: 34px;
                font-family: PingFangSC-Semibold;
                line-height: 54px;
                text-align: center;
              }
              .word15 {
                z-index: 65;
                // width: 180px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(45, 116, 243, 1);
                font-size: 26px;
                line-height: 26px;
                text-align: center;
                margin-top: 1px;
              }
            }
          }
          .label2 {
            z-index: 111;
            position: absolute;
            left: 149px;
            top: 351px;
            width: 32px;
            height: 25px;
          }
        }
      }
    }
    .group5 {
      z-index: 2;
      height: 1189px;
      background: url('../../assets/imgs/dds/ddsHonor/bg2.png');
      background-size: cover;
      // margin-top: 1px;
      width: 750px;
      justify-content: flex-start;
      align-items: center;
      position: relative;
      .bd4 {
        z-index: auto;
        width: 670px;
        height: 1094px;
        .word16 {
          z-index: 11;
          width: 670px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(255, 255, 255, 1);
          font-size: 40px;
          font-family: PingFangSC-Semibold;
          line-height: 56px;
          text-align: left;
        }
        .info8 {
          z-index: 12;
          width: 670px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(255, 255, 255, 0.8);
          font-size: 24px;
          line-height: 33px;
          text-align: left;
          margin-top: 10px;
        }
        .bd5 {
          z-index: 116;
          height: 512px;
          background: #fff;
          margin-top: 167px;
          width: 670px;
          border-radius: 0 0 20px 20px;
          justify-content: flex-end;
          padding-bottom: 24px;
          position: relative;
          .block4 {
            z-index: auto;
            width: 670px;
            height: 457px;
            .group6 {
              z-index: auto;
              width: 630px;
              height: 38px;
              margin-left: 20px;
              justify-content: space-between;
              .word17 {
                z-index: 158;
                width: 90px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(38, 46, 63, 1);
                font-size: 24px;
                font-family: PingFangSC-Medium;
                line-height: 38px;
                text-align: center;
              }
              .txt6 {
                z-index: 156;
                width: 110px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(38, 46, 63, 1);
                font-size: 24px;
                font-family: PingFangSC-Medium;
                line-height: 38px;
                text-align: center;
              }
              .txt7 {
                z-index: 157;
                width: 160px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(38, 46, 63, 1);
                font-size: 24px;
                font-family: PingFangSC-Medium;
                line-height: 38px;
                text-align: center;
              }
              .word18 {
                z-index: 159;
                width: 150px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(38, 46, 63, 1);
                font-size: 24px;
                font-family: PingFangSC-Medium;
                line-height: 38px;
                text-align: center;
              }
              .info9 {
                z-index: 160;
                width: 120px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(38, 46, 63, 1);
                font-size: 24px;
                font-family: PingFangSC-Medium;
                line-height: 38px;
                text-align: center;
              }
            }
            .group7 {
              z-index: 124;
              height: 110px;
              background: #F3F6F8;
              margin-top: 20px;
              width: 670px;
              justify-content: center;
              // align-items: flex-end;
              padding-right: 20px;
              position: relative;
              .layer1 {
                z-index: auto;
                width: 622px;
                height: 72px;
                .img6 {
                  z-index: 133;
                  width: 100px;
                  height: 75px;
                  margin-left: 10px;
                }
                .mod10 {
                  z-index: 128;
                  width: 60px;
                  height: 60px;
                  border-radius: 30px;
                  background: url('../../assets/imgs/dds/ddsHonor/header.png')
                    100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
                  margin: 7px 0 0 24px;
                }
                .mod11 {
                  z-index: auto;
                  width: 160px;
                  height: 58px;
                  margin: 8px 0 0 25px;
                  .word19 {
                    z-index: 127;
                    width: 160px;
                    display: block;
                    overflow-wrap: break-word;
                    color: rgba(38, 46, 63, 1);
                    font-size: 26px;
                    line-height: 26px;
                    text-align: center;
                  }
                  .info10 {
                    z-index: 126;
                    width: 160px;
                    display: block;
                    overflow-wrap: break-word;
                    color: rgba(38, 46, 63, 1);
                    font-size: 22px;
                    line-height: 22px;
                    text-align: center;
                    margin-top: 10px;
                  }
                }
                .info11 {
                  z-index: 130;
                  width: 150px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(38, 46, 63, 1);
                  font-size: 26px;
                  line-height: 42px;
                  text-align: center;
                  margin-top: 16px;
                }
                .word20 {
                  z-index: 131;
                  width: 120px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(185, 29, 19, 1);
                  font-size: 26px;
                  font-family: PingFangSC-Medium;
                  line-height: 42px;
                  text-align: center;
                  margin-top: 16px;
                }
              }
              .icon3 {
                z-index: 129;
                position: absolute;
                left: 149px;
                top: 15px;
                width: 32px;
                height: 25px;
              }
            }
            .group8 {
              z-index: auto;
              width: 605px;
              height: 68px;
              margin: 18px 0 0 0;
              .img7 {
                z-index: 155;
                width: 100px;
                height: 75px;
                margin-left: 10px;
              }
              .main1 {
                z-index: 150;
                width: 60px;
                height: 60px;
                border-radius: 30px;
                background: url('../../assets/imgs/dds/ddsHonor/header.png')
                  100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
                margin: 7px 0 0 25px;
              }
              .main2 {
                z-index: auto;
                width: 160px;
                height: 58px;
                margin: 8px 0 0 25px;
                .txt8 {
                  z-index: 149;
                  width: 160px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(38, 46, 63, 1);
                  font-size: 26px;
                  line-height: 26px;
                  text-align: center;
                }
                .word21 {
                  z-index: 148;
                  width: 160px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(38, 46, 63, 1);
                  font-size: 22px;
                  line-height: 22px;
                  text-align: center;
                  margin-top: 10px;
                }
              }
              .word22 {
                z-index: 152;
                width: 150px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(38, 46, 63, 1);
                font-size: 26px;
                line-height: 42px;
                text-align: center;
                margin-top: 16px;
              }
              .txt9 {
                z-index: 153;
                width: 120px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(185, 29, 19, 1);
                font-size: 26px;
                font-family: PingFangSC-Medium;
                line-height: 42px;
                text-align: center;
                margin-top: 16px;
              }
            }
            .group9 {
              z-index: 135;
              height: 110px;
              background: #F3F6F8;
              margin-top: 24px;
              width: 670px;
              justify-content: flex-start;
              // align-items: flex-end;
              position: relative;
              padding: 18px 20px 0 0;
              .section4 {
                z-index: auto;
                width: 599px;
                height: 71px;
                .pic3 {
                  z-index: 146;
                  width: 100px;
                  height: 75px;
                  margin-left: 10px;
                }
                .mod12 {
                  z-index: 139;
                  width: 60px;
                  height: 60px;
                  border-radius: 30px;
                  background: url('../../assets/imgs/dds/ddsHonor/header.png')
                    100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
                  margin: 7px 0 0 25px;
                }
                .mod13 {
                  z-index: auto;
                  width: 160px;
                  height: 58px;
                  margin: 8px 0 0 25px;
                  .word23 {
                    z-index: 138;
                    width: 160px;
                    display: block;
                    overflow-wrap: break-word;
                    color: rgba(38, 46, 63, 1);
                    font-size: 26px;
                    line-height: 26px;
                    text-align: center;
                  }
                  .txt10 {
                    z-index: 137;
                    width: 160px;
                    display: block;
                    overflow-wrap: break-word;
                    color: rgba(38, 46, 63, 1);
                    font-size: 22px;
                    line-height: 22px;
                    text-align: center;
                    margin-top: 10px;
                  }
                }
                .info12 {
                  z-index: 143;
                  width: 150px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(38, 46, 63, 1);
                  font-size: 26px;
                  line-height: 42px;
                  text-align: center;
                  margin-top: 16px;
                }
                .txt11 {
                  z-index: 144;
                  width: 120px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(185, 29, 19, 1);
                  font-size: 26px;
                  font-family: PingFangSC-Medium;
                  line-height: 42px;
                  text-align: center;
                  margin-top: 16px;
                }
              }
              .section5 {
                z-index: 141;
                height: 27px;
                width: 34px;
                justify-content: center;
                align-items: center;
                position: absolute;
                left: 148px;
                top: 14px;
                .label3 {
                  z-index: 142;
                  width: 32px;
                  height: 25px;
                }
              }
            }
            .group10 {
              z-index: auto;
              // width: 174px;
              height: 44px;
              // justify-content: space-between;
              margin: 25px 0 0 248px;
              .txt12 {
                z-index: 119;
                // width: 126px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(45, 116, 243, 1);
                font-size: 24px;
                font-family: PingFangSC-Semibold;
                line-height: 33px;
                text-align: center;
                margin-top: 6px;
              }
              .label4 {
                z-index: 120;
                width: 44px;
                height: 44px;
                margin-left: 5px;
              }
            }
          }
          .label5 {
            z-index: 151;
            position: absolute;
            left: 149px;
            top: 214px;
            width: 32px;
            height: 25px;
          }
        }
        .txt13 {
          z-index: 34;
          width: 670px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(255, 255, 255, 1);
          font-size: 40px;
          font-family: PingFangSC-Semibold;
          line-height: 56px;
          text-align: left;
          margin-top: 50px;
        }
        .bd6 {
          z-index: auto;
          width: 670px;
          height: 180px;
          margin-top: 30px;
          justify-content: space-between;
          .bd7 {
            z-index: 16;
            height: 180px;
            background: url('../../assets/imgs/dds/ddsHonor/rytx.png')
              100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
            width: 325px;
            justify-content: flex-start;
            align-items: flex-start;
            padding: 30px 0 0 30px;
            .layer2 {
              z-index: auto;
              // width: 158px;
              height: 89px;
              .word24 {
                z-index: 17;
                // width: 158px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(255, 255, 255, 1);
                font-size: 32px;
                font-family: PingFangSC-Semibold;
                line-height: 45px;
                text-align: left;
              }
              .outer1 {
                z-index: auto;
                // width: 132px;
                height: 44px;
                justify-content: space-between;
                .txt14 {
                  z-index: 18;
                  // width: 88px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(255, 255, 255, 0.7);
                  font-size: 22px;
                  line-height: 30px;
                  text-align: left;
                  margin-top: 7px;
                }
                .icon4 {
                  z-index: 19;
                  width: 44px;
                  height: 44px;
                }
              }
            }
          }
          .bd8 {
            z-index: 26;
            height: 180px;
            background: url('../../assets/imgs/dds/ddsHonor/ryzz.png')
              100% no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
            width: 325px;
            justify-content: flex-start;
            align-items: flex-start;
            padding: 30px 0 0 35px;
            .main3 {
              z-index: auto;
              // width: 158px;
              height: 89px;
              .txt15 {
                z-index: 27;
                // width: 158px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(255, 255, 255, 1);
                font-size: 32px;
                font-family: PingFangSC-Semibold;
                line-height: 45px;
                text-align: left;
              }
              .group11 {
                z-index: auto;
                // width: 132px;
                height: 44px;
                justify-content: space-between;
                .info13 {
                  z-index: 28;
                  // width: 88px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(255, 255, 255, 0.7);
                  font-size: 22px;
                  line-height: 30px;
                  text-align: left;
                  margin-top: 7px;
                }
                .icon5 {
                  z-index: 29;
                  width: 44px;
                  height: 44px;
                }
              }
            }
          }
        }
      }
      .bd9 {
        z-index: 161;
        height: 138px;
        border-radius: 20px 20px 0 0;
        background: #fff;
        width: 670px;
        justify-content: center;
        align-items: center;
        position: absolute;
        left: 40px;
        top: 129px;
        .layer3 {
          z-index: auto;
          // width: 179px;
          height: 80px;
          .txt16 {
            z-index: 163;
            // width: 179px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(45, 116, 243, 1);
            font-size: 34px;
            font-family: PingFangSC-Semibold;
            line-height: 54px;
            text-align: center;
          }
          .word25 {
            z-index: 164;
            // width: 79px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(45, 116, 243, 1);
            font-size: 26px;
            line-height: 26px;
            text-align: center;
            align-self: center;
          }
        }
      }
      .bd10 {
        z-index: 167;
        height: 155px;
        width: 225px;
        position: absolute;
        left: 525px;
        top: 723px;
        .pic4 {
          z-index: 168;
          width: 225px;
          height: 155px;
        }
      }
    }
  }
}

</style>
